
<template>
  <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-t45kl">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-oy23um0w1eeda" gridColumnStart="117" gridColumnEnd="215" gridRowStart="21" gridRowEnd="41" zIndex="1" previewType="FixedWH">
      <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-hst16 webVueAntYtSpanStyle'>
                  <span v-html='"公司业务类型"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-5er2dm0w1eedf" gridColumnStart="33" gridColumnEnd="116" gridRowStart="20" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-2ac2w webVueAntYtSpanStyle'>
                  <span v-html='"数据管理 / "'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-jbkccm0w1eedh" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="61" gridRowEnd="983" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-c3fff webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-qa9cam0w1eeh1" gridColumnStart="83" gridColumnEnd="163" gridRowStart="81" gridRowEnd="113" zIndex="4" previewType="FixedWH">
      <a-button ref='ref29' @click="()=> { showAddModal(); }" class='webVueAntButton webVueAntYtButtonStyle-q3fjn  webVueAntYtButtonStyle center' :loading='Newloading1'>
                  <span class='yt-button-content ' v-html='"新增"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='CompanyBusinessTypeFormisShow1' id="yt-f5jjfm0w1eeh3" gridColumnStart="67" gridColumnEnd="1598" gridRowStart="132" gridRowEnd="967" zIndex="5" previewType="FixedWH">
      <yt-table ref='ref30' @onTableChange="()=> { onTableChange(); }" class='webVueAntYtTable webVueAntYtTableStyle-nhgav webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='TablecurrentRow1' v-model:selectedRows='TableselectedRows1' v-model:total='Tabletotal1' v-model:current='Tablecurrent1' v-model:pageSize='TablepageSize1' :columns='Tabledata1.columns' :dataSource='Tabledata1.dataSource' :scroll='{y:721.0034970222636}'>
                  <template #cell='{ column, record }'>
                  <template v-if='column.dataIndex === "id"' :forKey='"id"'>
                  
              </template>
<template v-if='column.dataIndex === "projectName"' :forKey='"projectName"'>
                  
              </template>
<template v-if='column.dataIndex === "projectNumber"' :forKey='"projectNumber"'>
                  
              </template>
<template v-if='column.dataIndex === "dateofGeneration"' :forKey='"dateofGeneration"'>
                  
              </template>
<template v-if='column.dataIndex === "operation"' :forKey='"operation"'>
                  
  <yt-grid  previewType="FixedWH" width="380" height="48">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-32hafm0w1eei6" gridColumnStart="102" gridColumnEnd="182" gridRowStart="8" gridRowEnd="40" zIndex="1" previewType="FixedWH">
      <a-button ref='ref31' @click="()=> { showEditModal(record); }" class='webVueAntButton webVueAntYtButtonStyle-ce4rs  webVueAntYtButtonStyle center' :loading='Editloading1'>
                  <span class='yt-button-content ' v-html='"编辑"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-4sxqgm0w1eei8" gridColumnStart="214" gridColumnEnd="291" gridRowStart="8" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <a-button ref='ref32' @click="()=> { confirmDelete(record); }" class='webVueAntButton webVueAntYtButtonStyle-ywebx  webVueAntYtButtonStyle center' :loading='Deleteloading1'>
                  <span class='yt-button-content ' v-html='"删除"'>
                  
              </span>
              </a-button>
  </yt-grid-item>

  </yt-grid>
  
              </template>
              </template>
              </yt-table>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='popupwindowisShow2' id="yt-xzrwam10mo79v" gridColumnStart="532" gridColumnEnd="1027" gridRowStart="142" gridRowEnd="666" zIndex="6" previewType="FixedWH">
      <yt-custom-modal ref='ref33' @ok="()=> { confirmAddModal(); }" @cancel="()=> { cancelAddModal(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='popupwindowisShow2' :title='"新增"'>
                  <template #content>
                  <a-form class='webVueAntForm ' :model='popupwindowform2' ref='ref33_form'>
                  
  <yt-grid  previewType="FixedWH" width="491" height="418">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-q3iy2m10mo7a2" gridColumnStart="79" gridColumnEnd="413" gridRowStart="100" gridRowEnd="132" zIndex="1" previewType="FixedWH">
      <a-form-item ref='ref38' class='webVueAntInputFormItem webVueAntYtInputFormItem-zyuw0  webVueAntYtInputFormItem show-label' name='CompanyBusinessTypevalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"公司业务类型"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-0ozdx webVueAntYtInputStyle' v-model:value='popupwindowform2.CompanyBusinessTypevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-lflp0m10mo7a9" gridColumnStart="121" gridColumnEnd="413" gridRowStart="164" gridRowEnd="196" zIndex="2" previewType="FixedWH">
      <a-form-item ref='ref39' class='webVueAntInputFormItem webVueAntYtInputFormItem-78tee  webVueAntYtInputFormItem show-label' name='Numberofitemsvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目数"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-7edoz webVueAntYtInputStyle' v-model:value='popupwindowform2.Numberofitemsvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-so384m10mo7af" gridColumnStart="120" gridColumnEnd="413" gridRowStart="227" gridRowEnd="259" zIndex="3" previewType="FixedWH">
      <a-form-item ref='ref40' class='webVueAntInputFormItem webVueAntYtInputFormItem-df5qi  webVueAntYtInputFormItem show-label' name='Percentagevalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"百分比"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-tme9b webVueAntYtInputStyle' disabled="true" v-model:value='popupwindowform2.Percentagevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
  
              </a-form>
              </template>
              </yt-custom-modal>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='EditpopupwindowisShow1' id="yt-hn1wnm10mpbng" gridColumnStart="562" gridColumnEnd="1057" gridRowStart="172" gridRowEnd="696" zIndex="7" previewType="FixedWH">
      <yt-custom-modal ref='ref42' @ok="()=> { confirmEditModal(); }" @cancel="()=> { cancelEditModal(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='EditpopupwindowisShow1' :title='"编辑"'>
                  <template #content>
                  <a-form class='webVueAntForm ' :model='Editpopupwindowform1' ref='ref42_form'>
                  
  <yt-grid  previewType="FixedWH" width="491" height="418">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-cb6ubm10mpbnl" gridColumnStart="79" gridColumnEnd="413" gridRowStart="100" gridRowEnd="132" zIndex="1" previewType="FixedWH">
      <a-form-item ref='ref46' class='webVueAntInputFormItem webVueAntYtInputFormItem-dfc19  webVueAntYtInputFormItem show-label' name='CompanyBusinessTypevalue2' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"公司业务类型"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-6e710 webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.CompanyBusinessTypevalue2' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-y6zg5m10mpbns" gridColumnStart="121" gridColumnEnd="413" gridRowStart="163" gridRowEnd="195" zIndex="2" previewType="FixedWH">
      <a-form-item ref='ref47' class='webVueAntInputFormItem webVueAntYtInputFormItem-9mk1e  webVueAntYtInputFormItem show-label' name='Numberofitemsvalue2' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目数"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-v5o1p webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.Numberofitemsvalue2' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-acx5gm10mpbnx" gridColumnStart="120" gridColumnEnd="413" gridRowStart="227" gridRowEnd="259" zIndex="3" previewType="FixedWH">
      <a-form-item ref='ref48' class='webVueAntInputFormItem webVueAntYtInputFormItem-lkst9  webVueAntYtInputFormItem show-label' name='Percentagevalue2' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"百分比"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-6ekob webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.Percentagevalue2' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
  
              </a-form>
              </template>
              </yt-custom-modal>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
Newloading1: false,
popupwindowisShow2: false,
popupwindowform2: {
id: null,
CompanyBusinessTypevalue1: "",
Numberofitemsvalue1: "",
Percentagevalue1: ""
},
TablecurrentRow1: {},
TableselectedRows1: [],
TablepageSize1: 10,
Tabledata1: {
columns: [{
key: "id",
title: "id",
dataIndex: "id"
}, {
key: "companyBusinessType",
title: "公司业务类型",
dataIndex: "companyBusinessType"
}, {
key: "numberofitems",
title: "项目数",
dataIndex: "numberofitems"
}, {
key: "percentage",
title: "百分比",
dataIndex: "percentage"
}, {
key: "operation",
title: "操作",
dataIndex: "operation",
cellType: "slot"
}],
dataSource: []
},
Tablecurrent1: 1,
Tabletotal1: 0,
CompanyBusinessTypeFormisShow1: true,
Deleteloading1: false,
EditpopupwindowisShow1: false,
Editpopupwindowform1: {
id: null,
CompanyBusinessTypevalue2: "",
Numberofitemsvalue2: "",
Percentagevalue2: ""
},
Editloading1: false
};
},
computed: {
projectNums() {
return this.Tabledata1.dataSource.reduce((nums, item) => {
item.numberofitems && (nums = nums + item.numberofitems*1)
return nums
}, 0);
}
},
watch: {
'popupwindowform2.Numberofitemsvalue1':{
handler: (val) => {

},
immediate: true
}
},
methods: {
showAddModal() {
// 显示新增弹窗
this.popupwindowisShow2 = true;
},
async confirmAddModal() {
try {
const response = await this.executeBackendInterface('addCompanyBusinessType', {
CompanyBusinessTypevalue1: this.popupwindowform2.CompanyBusinessTypevalue1,
Numberofitemsvalue1: this.popupwindowform2.Numberofitemsvalue1,
Percentagevalue1: this.popupwindowform2.Percentagevalue1
});
if (response.flag) {
message.success(response.message);
this.popupwindowisShow2 = false;
this.popupwindowform2 = {
  id: null,
  CompanyBusinessTypevalue1: "",
  Numberofitemsvalue1: "",
  Percentagevalue1: ""
};
await this.initCompanyBusinessTypes();
} else {
message.error(response.message);
}
} catch (error) {
message.error('新增失败');
}
},
showEditModal(record) {
this.Editpopupwindowform1 = {
id: record.id,
CompanyBusinessTypevalue2: record.companyBusinessType,
Numberofitemsvalue2: record.numberofitems,
Percentagevalue2: record.percentage
};
this.EditpopupwindowisShow1 = true;
},
async confirmDelete(record) {
Modal.confirm({
title: '确认删除',
content: '确定要删除这条记录吗？',
onOk: async () => {
try {
  const response = await this.executeBackendInterface('deleteCompanyBusinessType', {
    id: record.id
  });
  if (response.flag) {
    message.success(response.message);
    await this.initCompanyBusinessTypes();
  } else {
    message.error(response.message);
  }
} catch (error) {
  message.error('删除失败');
}
},
onCancel: () => {
message.info('取消删除');
}
});
},
async initCompanyBusinessTypes() {
try {
const response = await this.executeBackendInterface('getCompanyBusinessTypes', {
current: this.Tablecurrent1,
pageSize: this.TablepageSize1
});
if (response.flag) {
this.Tabledata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  companyBusinessType: item.business_type,
  numberofitems: item.project_count,
  percentage: item.percentage
}));
this.Tabletotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('获取数据失败');
}
},
async onTableChange(pagination) {
this.Tablecurrent1 = pagination.current;
this.TablepageSize1 = pagination.pageSize;
await this.initCompanyBusinessTypes();
},
async confirmEditModal() {
try {
const response = await this.executeBackendInterface('updateCompanyBusinessType', {
id: this.Editpopupwindowform1.id,
CompanyBusinessTypevalue2: this.Editpopupwindowform1.CompanyBusinessTypevalue2,
Numberofitemsvalue2: this.Editpopupwindowform1.Numberofitemsvalue2,
Percentagevalue2: this.Editpopupwindowform1.Percentagevalue2
});
if (response.flag) {
message.success(response.message);
this.EditpopupwindowisShow1 = false;
await this.initCompanyBusinessTypes();
} else {
message.error(response.message);
}
} catch (error) {
message.error('更新失败');
}
},
cancelAddModal() {
// 关闭弹窗
this.popupwindowisShow2 = false;

// 清空弹窗表单项
this.popupwindowform2 = {
id: null,
CompanyBusinessTypevalue1: "",
Numberofitemsvalue1: "",
Percentagevalue1: ""
};
},
cancelEditModal() {
// 弹出二次确认对话框
Modal.confirm({
title: '确认取消',
content: '您确定要取消编辑吗？',
onOk: () => {
// 关闭弹窗
this.EditpopupwindowisShow1 = false;
// 清空表单数据
this.Editpopupwindowform1 = {
  id: null,
  CompanyBusinessTypevalue2: "",
  Numberofitemsvalue2: "",
  Percentagevalue2: ""
};
},
onCancel: () => {
// 取消操作，不做任何处理
}
});
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833388481234075648';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Companybusinesstype/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/公司业务类型/theme.css');
this.initCompanyBusinessTypes();
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
},
computed: {}
};

</script>
<style lang="less">
.page-t45kl{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: inline-block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-hst16{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-hst16 span{
text-decoration: none;
}

.webVueAntYtSpanStyle-2ac2w{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-2ac2w span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-c3fff{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
width: 100%;
height:100%;
display: flex;
}
.webVueAntButton .span:first-child{
flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
display: inline-block;
flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
flex: 0 0 auto;
}
.webVueAntButton span:focus{
outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: 0;
}

.webVueAntYtButtonStyle-q3fjn{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-q3fjn>span{
letter-spacing: 0px !important;
}

.webVueAntYtTable {
display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
display: none;
}
.webVueAntYtTable thead tr th div:first-child {
display: flex !important;
align-items: center;
}
.webVueAntYtTable thead tr th:before {
content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.webVueAntYtTable .ant-table-tbody tr td {
border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
display: flex;
}

.webVueAntYtTable .add-pointer {
display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
width: auto !important;
}
:focus-visible {
outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
overflow: hidden !important;
max-height: unset !important;
}

.webVueAntYtTableStyle-nhgav{
opacity: 1;
}
.webVueAntYtTableStyle-nhgav .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-nhgav .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-nhgav .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-nhgav .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-nhgav .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-nhgav .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-nhgav .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-nhgav .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-nhgav .ant-table .ant-table-thead tr th{
background: #4A90E224;
}
.webVueAntYtTableStyle-nhgav .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-nhgav .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-nhgav .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-nhgav .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-nhgav .ant-table thead tr th,.webVueAntYtTableStyle-nhgav .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-nhgav .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-nhgav .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 0px solid #dcdcdc;
}
.webVueAntYtTableStyle-nhgav.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-nhgav.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-nhgav .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-nhgav .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-nhgav .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-nhgav .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-nhgav .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-nhgav .ant-pagination button,.webVueAntYtTableStyle-nhgav .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-nhgav .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-nhgav .ant-pagination button,.webVueAntYtTableStyle-nhgav .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-nhgav .ant-pagination li input,.webVueAntYtTableStyle-nhgav .ant-pagination li a,.webVueAntYtTableStyle-nhgav .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-nhgav .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-nhgav .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-nhgav .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-nhgav .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-nhgav .ant-pagination li a,.webVueAntYtTableStyle-nhgav .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-nhgav .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-nhgav .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-nhgav tr > th:nth-child(1), .webVueAntYtTableStyle-nhgav .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-nhgav tr > th:nth-child(2), .webVueAntYtTableStyle-nhgav .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-nhgav tr > th:nth-child(3), .webVueAntYtTableStyle-nhgav .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-nhgav tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-nhgav tr > th:nth-child(4), .webVueAntYtTableStyle-nhgav .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-nhgav{
width: 100%;
}

.webVueAntYtButtonStyle-ce4rs{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-ce4rs>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-ywebx{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-ywebx>span{
letter-spacing: 0px !important;
}

.webVueAntYtModalStyle .ant-modal-wrap{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtModalStyle .ant-modal-wrap .yt-custom-modal-header{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 21px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-header{
height: 45px;
background: #ffffff;
}
.webVueAntYtModalStyle .ant-modal-wrap .ant-modal-close-x{
height: 45px;
line-height: 45px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-footer{
height: 57px;
background: #ffffff;
}
.webVueAntYtModal {
width: 100%;
height: 100%;
}



.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-zyuw0 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-zyuw0 .ant-form-item-label label{
width: 95px;
padding-right: 10px;
}
.webVueAntYtInputStyle-0ozdx:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-78tee .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-78tee .ant-form-item-label label{
width: 53px;
padding-right: 10px;
}
.webVueAntYtInputStyle-7edoz:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-df5qi .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-df5qi .ant-form-item-label label{
width: 53px;
padding-right: 10px;
}
.webVueAntYtInputStyle-tme9b:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}


.webVueAntYtInputFormItem-dfc19 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-dfc19 .ant-form-item-label label{
width: 95px;
padding-right: 10px;
}
.webVueAntYtInputStyle-6e710:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-9mk1e .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-9mk1e .ant-form-item-label label{
width: 53px;
padding-right: 10px;
}
.webVueAntYtInputStyle-v5o1p:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-lkst9 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-lkst9 .ant-form-item-label label{
width: 53px;
padding-right: 10px;
}
.webVueAntYtInputStyle-6ekob:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}}
</style>